<script setup>
import { ref } from 'vue'
import { Edit,Delete } from '@element-plus/icons-vue'

const input = ref('')
</script>
<template>
  <el-row style="background-color:white;margin:10px 10px 0 10px">
    <el-col :span="3" style="margin:10px 0 0 10px">订单列表</el-col>
  </el-row>
  <el-row style="background-color:white;margin:0 10px 0 10px">
    <el-col :span="2" style="margin:10px 0 0 10px"><el-button :icon="Refresh">刷新</el-button></el-col>
      <el-col :span="19" style="margin-top:10px"><el-input v-model="input" placeholder="请输入订单编号或生产编号" /></el-col>
      <el-col :span="2" style="margin-top:10px"><el-button type="success">搜索</el-button></el-col>
  </el-row>
  <el-row style="background-color:white;margin:0 10px 0 10px">
    <el-col :span="24" style="margin-top:15px">
            <!--斑马纹效果  带边框 -->
      <el-table  stripe border style="width:100%">
         <el-table-column label="序号" align="center" width="100"></el-table-column>
         <el-table-column  label="生产编号" align="center" width="120" />
         <el-table-column  label="生产序号" align="center" width="120" />
         <el-table-column  label="产品型号" align="center" width="120" />
         <el-table-column  label="产品货号" align="center" width="120" />
         <el-table-column  label="计划生产数量" align="center" width="120" />
         <el-table-column  label="与产品BOM是否一致" align="center" width="160" />
         <el-table-column  label="是否矫正" align="center" width="120" />
         <el-table-column label="编辑" align="center" style="text-align: center;">
          <template #default="scope">
            <el-button type="primary" :icon="Edit" size="small">产品BOM</el-button>
            <el-button type="primary" :icon="Delete" size="small">订单BOM</el-button>
          </template>
         </el-table-column>
      </el-table>
    </el-col>
  </el-row>
</template>
<style scoped>

</style>